<template>
  <div>
    <!-- <h1>app</h1> -->
    <!-- <next-tick></next-tick> -->
    <!-- info成为了组件标签上属性 v-bind将其绑定为动态 -->
    <!-- 
      props步骤：
      1.值在父组件当中
      2.在子组件便签上通过 v-bind将其绑定
      3.在子组件当中通过props接收
      4.在props中的数据同data当中的数据一样，可以在template当中可以直接使用


     -->
    <!-- <props-test :info="info" :arr="arr"></props-test> -->
    <!-- <xiao-tou></xiao-tou> -->
    <child-one></child-one>
    <child-two></child-two>
  </div>
</template>

<script>
// import NextTick from "./components/NextTick.vue";
// import PropsTest from "@/components/PropsTest";
// import XiaoTou from "@/components/EmitTest/XiaoTou";
import ChildOne from "@/components/EventBus/ChildOne";
import ChildTwo from "@/components/EventBus/ChildTwo";
export default {
  data() {
    return {
      info: "为何不喜欢写作业？",
      arr: [
        { id: 1, name: "hanhan" },
        { id: 2, name: "shisongfeng" },
      ],
    };
  },
  components: {
    // NextTick,
    // PropsTest,
    // XiaoTou,
    ChildOne,
    ChildTwo,
  },
};
</script>

<style lang="less" scoped>
</style>